<style>
  .elemmainexpense_table1 {
    width: 900px;
    height: 24px;
  }
  .elemmainexpense_table2 {
    width: 900px;
    height: 24px;
    font-size: 10px;
  }
  .elemmainexpense_table3 {
    width: 900px;
    font-size: 10px;
    border-top: 1px solid #694247;
    border-left: 1px solid #694247;
    
  }
  .elemmainexpense_table3 td{
    border-bottom: 1px solid #694247;
    border-right: 1px solid #694247;
  }
  .elemmainexpense_td1 {
    cursor: pointer;
    width: 70px;
    text-align: center;
  }
  .elemmainexpense_td2 {
    cursor: pointer;
    width: 70px;
    text-align: center;
  }
  .elemmainexpense_td3 {
    cursor: pointer;
    width: 142px;
    padding-left: 8px;
  }
  .elemmainexpense_td4 {
    cursor: pointer;
    width: 130px;
    padding-left: 7px;
  }
  .elemmainexpense_td5 {
    width: 75px;
    text-align: center;
  }
  .elemmainexpense_td6 {
    width: 95px;
    text-align: center;
  }
  .elemmainexpense_td7 {
    width: 80px;
    text-align: center;
  }
  .elemmainexpense_td8 {
    cursor: pointer;
    width: 26px;
    text-align: center;
  }
  .elemmainexpense_td9 {
    cursor: pointer;
    width: 26px;
    text-align: center;
  }
  .elemmainexpense_td10 {
    width: 93px;
    padding-left: 8px;
  }
  .elemmainexpense_td11 {
    width: 65px;
    text-align: center;
  }
  .elemmainexpense_td1,.elemmainexpense_td2,.elemmainexpense_td3,.elemmainexpense_td4,.elemmainexpense_td5,.elemmainexpense_td6,
  .elemmainexpense_td7,.elemmainexpense_td8,.elemmainexpense_td9,.elemmainexpense_td10 {
    height: 24px;
    vertical-align: middle;
    font-weight:bold;
    font-size:10pt;
    color:#fff;
    background-color: #885b5d;
    border-right: solid 1px #fff;
  }
  .elemmainexpense_td11 {
    height: 24px;
    vertical-align: middle;
    font-weight:bold;
    font-size:10pt;
    color:#fff;
    background-color: #885b5d;
  }
  .elemmainexpense_td13 {
    background-color: #ebebe3;
    width: 900px;
  }
  .elemmainexpense_inputText {
    border-left:solid 1px #d2c4b9;
    border-top:solid 1px #d2c4b9;
    border-right: solid 1px #fff;
    border-bottom: solid 1px #fff;
    width: 60px;
    height: 18px;
  }
  .elemmainexpense_inputText1 {
    border-left:solid 1px #d2c4b9;
    border-top:solid 1px #d2c4b9;
    border-right: solid 1px #fff;
    border-bottom: solid 1px #fff;
    width: 80px;
    height: 18px;
  }
  .elemmainexpense_inputText2 {
    border-left:solid 1px #d2c4b9;
    border-top:solid 1px #d2c4b9;
    border-right: solid 1px #fff;
    border-bottom: solid 1px #fff;
    width: 90px;
    height: 18px;
  }
  .elemmainexpense_selectText {
    border-left:solid 1px #d2c4b9;
    border-top:solid 1px #d2c4b9;
    border-right: solid 1px #fff;
    border-bottom: solid 1px #fff;
    width: 125px;
    height: 22px;
  }
  .elemmainexpense_selectText1 {
    border-left:solid 1px #d2c4b9;
    border-top:solid 1px #d2c4b9;
    border-right: solid 1px #fff;
    border-bottom: solid 1px #fff;
    width: 110px;
    height: 22px;
  }
  .elemmainexpense_cursor {
    cursor: pointer;
  }
  .elemmainexpense_td15 {
    width: 70px;
    height: 30px;
    text-align: center;
    vertical-align: middle;
  }
  .elemmainexpense_td17 {
    width: 70px;
    height: 24px;
    text-align: center;
    vertical-align: middle;
  }
  .elemmainexpense_td18 {
    width: 153px;
    height: 24px;
    text-align: left;
    vertical-align: middle;
  }
  .elemmainexpense_td19 {
    width: 137px;
    height: 24px;
    text-align: left;
    vertical-align: middle;
  }
  .elemmainexpense_td20 {
    width: 75px;
    height: 24px;
    text-align: left;
    vertical-align: middle;
  }
  .elemmainexpense_td21 {
    width: 95px;
    height: 24px;
    text-align: left;
    vertical-align: middle;
  }
  .elemmainexpense_td22 {
    width: 80px;
    height: 24px;
    text-align: left;
    vertical-align: middle;
  }
  .elemmainexpense_td23 {
    width: 26px;
    height: 24px;
    text-align: left;
    vertical-align: middle;
  }
  .elemmainexpense_td24 {
    width: 26px;
    height: 24px;
    text-align: left;
    vertical-align: middle;
  }
  .elemmainexpense_td25 {
    width: 101px;
    height: 24px;
    text-align: left;
    vertical-align: middle;
  }
  .elemmainexpense_td26 {
    width: 65px;
    height: 24px;
    text-align: left;
    vertical-align: middle;
  }
  .elemmainexpense_tdm {
    font-weight:bold;
    font-size:10pt;
    color:#000;
  }
  .elemmainexpense_add1 {
    background-image: url(images/buttons/add1.png);
    height: 20px;
    width: 59px;
    cursor:pointer;
    border: 0;
  }
  .elemmainexpense_add1:hover {
    background-image: url(images/buttons/add1_h.png);
    height: 20px;
    width: 59px;
    cursor:pointer;
    border: 0;
  }
</style>



<table class="elemmainexpense_table1" cellPadding="0" cellSpacing="0" >
  <tr>
    <td class="elemmainexpense_td13">
      <table class="elemmainexpense_table2" cellPadding="0" cellSpacing="0">
        <tr>
          <td class="elemmainexpense_td1" id="{{$template|escape:'html'}}_cdate_link">
            <span style="letter-spacing:2px">C/</span>Date
          </td>
          <td class="elemmainexpense_td2" id="{{$template|escape:'html'}}_pdate_link">
          <span style="letter-spacing:2px">P/</span>Date
          </td>
          <td class="elemmainexpense_td3" id="{{$template|escape:'html'}}_payee_link">
            Payee
          </td>
          <td class="elemmainexpense_td4" id="{{$template|escape:'html'}}_particular_link">
            Particulars
          </td>
          <td class="elemmainexpense_td5">
            Amount
          </td>
          <td class="elemmainexpense_td6">
            Method
          </td>
          <td class="elemmainexpense_td7">
            <span style="letter-spacing:2px">Q/N</span>
          </td>
          <td class="elemmainexpense_td8" id="{{$template|escape:'html'}}_ng_link">
            NG
          </td>
          <td class="elemmainexpense_td9" id="{{$template|escape:'html'}}_ne_link">
            NE
          </td>
          <td class="elemmainexpense_td10">
            Note
          </td>
          <td class="elemmainexpense_td11">
            Action
          </td>
        </tr>
        <tr>
          <td class="elemmainexpense_td15" id="{{$template|escape:'html'}}_createdDate_div" ></td>
          <td class="elemmainexpense_td17">
            <input type="text" class="elemmainexpense_inputText" id="{{$template|escape:'html'}}_paidDate_text"></input>
          </td>
          <td class="elemmainexpense_td18">
            <table cellPadding="0" cellSpacing="0">
              <tr>
                <td width="127px">
                  <select type="text" class="elemmainexpense_selectText" id="{{$template|escape:'html'}}_who_select"></select>
                </td>
                <td>
                  <input type="button" class="add2" onfocus="blur()" id="{{$template|escape:'html'}}_add1_button" />
                </td>
              </tr>
            </table>
          </td>
          <td class="elemmainexpense_td19">
            <table cellPadding="0" cellSpacing="0">
              <tr>
                <td width="112px">
                  <select type="text" class="elemmainexpense_selectText1" id="{{$template|escape:'html'}}_particular_select"></select>
                </td>
                <td>
                  <input type="button" class="add2" onfocus="blur()" id="{{$template|escape:'html'}}_add2_button" />
                </td>
              </tr>
            </table>
          </td>
          <td class="elemmainexpense_td20">
            <input type="text" class="elemmainexpense_inputText1" id="{{$template|escape:'html'}}_amount_text"></input>
          </td>
          <td class="elemmainexpense_td21">
            <table cellPadding="0" cellSpacing="0">
              <tr>
                <td>
                  <input type="radio" name="mehtod" id="{{$template|escape:'html'}}_c_input"></input>
                </td>
                <td class="elemmainexpense_tdm">
                  C
                </td>
                <td>
                  <input type="radio" name="mehtod" id="{{$template|escape:'html'}}_b_input"></input>
                </td>
                <td class="elemmainexpense_tdm">
                  B
                </td>
                <td>
                  <input type="radio" name="mehtod" id="{{$template|escape:'html'}}_q_input"></input>
                </td>
                <td class="elemmainexpense_tdm">
                  Q
                </td>
              </tr>
            </table>
          </td>
          <td class="elemmainexpense_td22">
            <input type="text" class="elemmainexpense_inputText" id="{{$template|escape:'html'}}_qn_text"></input>
          </td>
          <td class="elemmainexpense_td23">
            <input type="checkbox" id="{{$template|escape:'html'}}_ng_checkbox"></input>
          </td>
          <td class="elemmainexpense_td24">
            <input type="checkbox" id="{{$template|escape:'html'}}_ne_checkbox"></input>
          </td>
          <td class="elemmainexpense_td25">
            <input type="text" class="elemmainexpense_inputText2" id="{{$template|escape:'html'}}_note_text"></input>
          </td>
          <td class="elemmainexpense_td26">
            <input type="button" id="{{$template|escape:'html'}}_add_button" class="elemmainexpense_add1"></img>
          </td>
        </tr>
      </table>
    </td>
  </tr>
</table>
<table class="elemmainexpense_table3" cellPadding="0" cellSpacing="0" id="{{$template|escape:'html'}}_main_table">
  <tr>
    <td></td>
  </tr>
</table>